<!DOCTYPE html>
<html>
<head>
    <meta content="IE=11.0000" http-equiv="X-Ua-Compatible">
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-Ua-Compatible" content="IE=edge,chrome=1">
    <title>智慧监管</title>
    <!--region 引入公用js和css -->
    <link href="../assets/plugins/animate/animate.css" rel="stylesheet">
    <link href="../assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/base/css/components.css" rel="stylesheet" id="style_components" type="text/css"/>
    <link href="../assets/base/css/plugins.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/ditop/layout.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/bootstrap-table/bootstrap-table.css" rel="stylesheet">
    <link href="../assets/plugins/bootstrap-table/extensions/tree-column/bootstrap-table-tree-column.css" rel="stylesheet">
    <link href="../assets/plugins/bootstrap-toastr/toastr.css" rel="stylesheet">
    <link rel="stylesheet" href="../assets/plugins/sweetalert/sweetalert.css">
    <link rel="stylesheet" href="../assets/plugins/layer/theme/default/layer.css">
    <link href="../assets/plugins/select2/css/select2.min.css" rel="stylesheet">
    <link href="../assets/plugins/icheck/skins/flat/aero.css" rel="stylesheet">
    <link href="../assets/ditop/ditop.css" rel="stylesheet">
    <link href="../assets/ditop/style/ztree/style9/treestyle.css" rel="stylesheet">
    <link href="../assets/plugins/bootstrap-touchspin/bootstrap.touchspin.css" rel="stylesheet">
    <link href="../assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css"/>
    <script src="../assets/plugins/jquery/jquery.min.js"></script>
    <script src="../assets/plugins/bootstrap/js/bootstrap.min.js"></script>
    <script src="../assets/plugins/bootstrap-toastr/toastr.js"></script>
    <script src="../assets/plugins/art-template/template.js"></script>
    <script src="../assets/plugins/layer/layer.js"></script>
    <script src="../assets/ditop/ditop.js"></script>
    <!--endregion-->

    <link href="../assets/module/gcjsy/css/public.css" rel="stylesheet">
    <link href="../assets/module/gcjsy/css/wisdom.css" rel="stylesheet">
    <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=06bac26119cc810955ec7eb91c20ebef"></script>

</head>

<body class="min1280">

<div class="ztc-wrapper">
  <div class="head-wrapper flex-s">
      <div class="logo">
          <a href="#">
              <img src="../assets/images/index-logo.png" alt="">
          </a>
      </div>
      <div class="logo-right text-right pull-right">
          <span style="margin-right: 40px">欢迎你，合肥市城管局   闫肖建</span>
          <a class="orange" href="#">退出登录</a>
          <a class="orange" href="#">修改密码</a>
      </div>

  </div>
  <div class="body-wrapper">
      <div class="page-sidebar-wrapper w100 relative no-scroll">
          <div class="map-content" id="map"></div>

          <ul class="headColumnTab">
              <li class="headColumnTab-item active" data-method="ysgs">
                  <a href="javascript:;">
                      <i class="dtFont dtFont-gongsi"></i> 运输公司
                  </a>
              </li>
              <li class="headColumnTab-item" data-method="jsgd">
                  <a href="javascript:;">
                      <i class="dtFont dtFont-jianzhugongdi"></i> 建筑工地
                  </a>
              </li>
              <li class="headColumnTab-item" data-method="dccy">
                  <a href="javascript:;">
                      <i class="dtFont dtFont-xiaodaiapp03"></i> 单车查询
                  </a>
              </li>
              <li class="headColumnTab-item" data-method="jrbj">
                  <a href="javascript:;">
                      <i class="dtFont dtFont-baojingjingbao-21"></i> 今日报警
                  </a>
              </li>
              <li class="headColumnTab-item" data-method="wgxx">
                  <a href="javascript:;">
                      <i class="dtFont dtFont-weiguiguanli"></i> 违规信息
                  </a>
              </li>
              <li class="headColumnTab-item disabled" data-method="gdsp">
                  <a href="javascript:;">
                      <i class="dtFont dtFont-jiankong1"></i> 工地视频
                  </a>
              </li>
              <li class="headColumnTab-item disabled" data-method="xncsp">
                  <a href="javascript:;">
                      <i class="dtFont dtFont-huishou"></i> 消纳场视频
                  </a>
              </li>
              <li class="headColumnTab-item" data-method="gdgl">
                  <a href="javascript:;">
                      <i class="dtFont dtFont-guanli"></i> 工地管理
                  </a>
              </li>
          </ul>

          <!--<div class="menu-switch">
              <div class="margin-bottom-10 clearfix">
                  <div class="menu-switch-btn pull-right">
                      <i class="dtFont dtFont-yingyong"></i>
                  </div>
              </div>
              <div class="menu-box display-none">
                  <ul class="clearfix padding-top-40 padding-lr-16">
                      <li class="menu-list-item">
                          <a href="#" class="text-center">
                              <div class="mls-ic mls-ic-blue">
                                  <i class="dtFont dtFont-ditu"></i>
                              </div>
                              <span>智慧监管</span>
                          </a>
                      </li>
                      <li class="menu-list-item">
                          <a href="#" class="text-center">
                              <div class="mls-ic mls-ic-green">
                                  <i class="dtFont dtFont-dangan1"></i>
                              </div>
                              <span>基础档案</span>
                          </a>
                      </li>
                      <li class="menu-list-item">
                          <a href="#" class="text-center">
                              <div class="mls-ic mls-ic-purple">
                                  <i class="dtFont dtFont-yonghuguanli"></i>
                              </div>
                              <span>用户管理</span>
                          </a>
                      </li>
                      <li class="menu-list-item">
                          <a href="#" class="text-center">
                              <div class="mls-ic mls-ic-darkBlue">
                                  <i class="dtFont dtFont-jiankong"></i>
                              </div>
                              <span>监控大屏</span>
                          </a>
                      </li>
                      <li class="menu-list-item">
                          <a href="#" class="text-center">
                              <div class="mls-ic mls-ic-green">
                                  <i class="dtFont dtFont-shenhe"></i>
                              </div>
                              <span>业务审批</span>
                          </a>
                      </li>
                      <li class="menu-list-item">
                          <a href="#" class="text-center">
                              <div class="mls-ic mls-ic-darkBlue">
                                  <i class="dtFont dtFont-zhifa"></i>
                              </div>
                              <span>执法中心</span>
                          </a>
                      </li>
                      <li class="menu-list-item">
                          <a href="#" class="text-center">
                              <div class="mls-ic mls-ic-cyan">
                                  <i class="dtFont dtFont-chengxinguanli"></i>
                              </div>
                              <span>诚信信用</span>
                          </a>
                      </li>
                      <li class="menu-list-item">
                          <a href="#" class="text-center">
                              <div class="mls-ic mls-ic-orange">
                                  <i class="dtFont dtFont-fenxi"></i>
                              </div>
                              <span>统计报表</span>
                          </a>
                      </li>
                      <li class="menu-list-item">
                          <a href="#" class="text-center">
                              <div class="mls-ic mls-ic-black">
                                  <i class="dtFont dtFont-huimingdan"></i>
                              </div>
                              <span>黑名单管理</span>
                          </a>
                      </li>
                  </ul>
              </div>
          </div>-->

          <div class="content-list FloatWindow no-scroll" id="dragdiv">
              <div class="wisdom-title move">
                  <span>运输公司</span>
                  <i class="dtFont dtFont-guanbi"></i>
              </div>
              <div class="content-body">

                  <div class="map-left-tab" id="map-left-tab">
                      <!--运输公司-->
                      <section class="padding-lr-16 padding-top-5 active">
                          <div id="TransitCompany-list">
                              <div class="todayAlarm margin-bottom-20">
                                  <p class="font-xs margin-bottom-10" >
                                      <span style="color: #B2B2B2;">更新时间：04-09  08:35</span>
                                      <span class="blue pointer margin-left-10">刷新数据 <i class="dtFont dtFont-refresh inline-block top1 font-md"></i></span>
                                  </p>
                                  <ul class="todayAlarm-list flex-s">

                                      <li>
                                          <p><span class="orange">32</span> <small>家</small></p>
                                          <p>全市运输公司数</p>
                                      </li>
                                      <li>
                                          <p><span class="orange">72</span> <small>家</small></p>
                                          <p>蜀山区</p>
                                      </li>
                                      <li>
                                          <p><span class="orange">12</span> <small>家</small></p>
                                          <p>瑶海区</p>
                                      </li>
                                      <li class="flex-h" style="align-items: center">
                                          <a class="blue" href="#">换一批</a>
                                      </li>
                                  </ul>
                              </div>
                              <div class="flex-s margin-bottom-5">
                                  <input type="text" class="form-control wisSbOx" autocomplete="false" placeholder="公司名称搜索">
                                  <button type="button" class="normal-button sure"><i class="dtFont dtFont-search"></i> 查询</button>
                              </div>
                              <div class="table-warp">
                                  <div class="table-warp-total margin-bottom-5">
                                      <span>共165条</span>
                                  </div>
                                  <div class="table-warp-list">

                                      <table class="table table-bordered table-hover">
                                          <thead>
                                          <tr>
                                              <th width="140">运输公司</th>
                                              <th width="85">在线车辆</th>
                                              <th width="86">离线车辆</th>
                                              <th width="86">借调车辆</th>
                                          </tr>
                                          </thead>
                                          <tbody>
                                          <tr>
                                              <td class="nowrap blue">
                                                  <a class="blue company-name" title="合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥" href="#">合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥</a>
                                              </td>
                                              <td>22</td>
                                              <td>0</td>
                                              <td>0</td>
                                          </tr>

                                          <tr>
                                              <td class="nowrap blue">
                                                  <a class="blue" href="#">美合公司</a>
                                              </td>
                                              <td>22</td>
                                              <td>0</td>
                                              <td>0</td>
                                          </tr>
                                          <tr>
                                              <td class="nowrap blue">
                                                  <a class="blue" title="合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥" href="#">合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥</a>
                                              </td>
                                              <td>22</td>
                                              <td>0</td>
                                              <td>0</td>
                                          </tr>
                                          <tr>
                                              <td class="nowrap blue">
                                                  <a class="blue" href="#">朝霞公司</a>
                                              </td>
                                              <td>22</td>
                                              <td>0</td>
                                              <td>0</td>
                                          </tr>
                                          <tr>
                                              <td class="nowrap blue">
                                                  <a class="blue" title="合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥" href="#">合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥</a>
                                              </td>
                                              <td>22</td>
                                              <td>0</td>
                                              <td>0</td>
                                          </tr>
                                          <tr>
                                              <td class="nowrap blue">
                                                  <a class="blue" href="#">朝霞公司</a>
                                              </td>
                                              <td>22</td>
                                              <td>0</td>
                                              <td>0</td>
                                          </tr>
                                          <tr>
                                              <td class="nowrap blue">
                                                  <a class="blue" href="#">美合公司</a>
                                              </td>
                                              <td>22</td>
                                              <td>0</td>
                                              <td>0</td>
                                          </tr>
                                          <tr>
                                              <td class="nowrap blue">
                                                  <a class="blue" title="合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥" href="#">合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥</a>
                                              </td>
                                              <td>22</td>
                                              <td>0</td>
                                              <td>0</td>
                                          </tr>
                                          <tr>
                                              <td class="nowrap blue">
                                                  <a class="blue" href="#">朝霞公司</a>
                                              </td>
                                              <td>22</td>
                                              <td>0</td>
                                              <td>0</td>
                                          </tr>
                                          <tr>
                                              <td class="nowrap blue">
                                                  <a class="blue" title="合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥" href="#">合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥</a>
                                              </td>
                                              <td>22</td>
                                              <td>0</td>
                                              <td>0</td>
                                          </tr>
                                          <tr>
                                              <td class="nowrap blue">
                                                  <a class="blue" href="#">朝霞公司</a>
                                              </td>
                                              <td>22</td>
                                              <td>0</td>
                                              <td>0</td>
                                          </tr>
                                          </tbody>
                                      </table>
                                  </div>
                              </div>
                          </div>
                          <div id="TransitCompany-detail" class="display-none">
                              <div class="margin-bottom-10">
                                  <span class="blue pointer go-black"><i class="dtFont dtFont-double-arrow-left inline-block top1"></i> 返回</span>
                              </div>


                              <div class="table-warp">
                                  <div class="table-warp-total margin-bottom-5">
                                      <span>共65条</span>
                                      <span class="blue pointer pull-right">刷新数据 <i class="dtFont dtFont-refresh inline-block top1 font-md"></i></span>
                                  </div>
                                  <div class="table-warp-list">

                                      <table class="table table-bordered table-hover">
                                          <thead>
                                          <tr>
                                              <th width="225">车牌号码</th>
                                              <th width="171">车辆状态</th>
                                          </tr>
                                          </thead>
                                          <tbody>
                                          <tr>
                                              <td><a class="blue" href="javascript:;">皖A5G271</a></td>
                                              <td>
                                                  <span class="black">离线</span>
                                              </td>
                                          </tr>
                                          <tr>
                                              <td><a class="blue" href="javascript:;">皖A5G271</a></td>
                                              <td>
                                                  <span class="purple margin-right-10">借调</span>
                                                  <span class="black">离线</span>
                                              </td>
                                          </tr>
                                          <tr>
                                              <td><a class="blue" href="javascript:;">皖A5G271</a></td>
                                              <td>
                                                  <span class="green">在线</span>
                                              </td>
                                          </tr>
                                          <tr>
                                              <td><a class="blue" href="javascript:;">皖A5G271</a></td>
                                              <td>
                                                  <span class="purple margin-right-10">借调</span>
                                                  <span class="green">在线</span>
                                              </td>
                                          </tr>
                                          <tr>
                                              <td><a class="blue" href="javascript:;">皖A5G271</a></td>
                                              <td>
                                                  <span class="black">离线</span>
                                              </td>
                                          </tr>
                                          <tr>
                                              <td><a class="blue" href="javascript:;">皖A5G271</a></td>
                                              <td>
                                                  <span class="purple margin-right-10">借调</span>
                                                  <span class="black">离线</span>
                                              </td>
                                          </tr>
                                          <tr>
                                              <td><a class="blue" href="javascript:;">皖A5G271</a></td>
                                              <td>
                                                  <span class="green">在线</span>
                                              </td>
                                          </tr>
                                          <tr>
                                              <td><a class="blue" href="javascript:;">皖A5G271</a></td>
                                              <td>
                                                  <span class="purple margin-right-10">借调</span>
                                                  <span class="green">在线</span>
                                              </td>
                                          </tr>
                                          <tr>
                                              <td><a class="blue" href="javascript:;">皖A5G271</a></td>
                                              <td>
                                                  <span class="black">离线</span>
                                              </td>
                                          </tr>
                                          <tr>
                                              <td><a class="blue" href="javascript:;">皖A5G271</a></td>
                                              <td>
                                                  <span class="purple margin-right-10">借调</span>
                                                  <span class="black">离线</span>
                                              </td>
                                          </tr>
                                          <tr>
                                              <td><a class="blue" href="javascript:;">皖A5G271</a></td>
                                              <td>
                                                  <span class="green">在线</span>
                                              </td>
                                          </tr>
                                          <tr>
                                              <td><a class="blue" href="javascript:;">皖A5G271</a></td>
                                              <td>
                                                  <span class="purple margin-right-10">借调</span>
                                                  <span class="green">在线</span>
                                              </td>
                                          </tr>
                                          </tbody>
                                      </table>
                                  </div>
                              </div>

                          </div>
                          <script>

                              /*仅示意用*/
                              $('.company-name').click(function () {
                                  $('#TransitCompany-detail').show();
                                  $('#TransitCompany-list').hide()
                              });
                              $('.go-black').click(function () {
                                  $('#TransitCompany-detail').hide();
                                  $('#TransitCompany-list').show()
                              })
                          </script>
                      </section>

                      <!--建筑工地-->
                      <section class="padding-lr-16 padding-top-5">
                          <div class="todayAlarm margin-bottom-20">
                              <p class="font-xs margin-bottom-10" >
                                  <span style="color: #B2B2B2;">更新时间：04-09  08:35</span>
                                  <span class="blue pointer margin-left-10">刷新数据 <i class="dtFont dtFont-refresh inline-block top1 font-md"></i></span>
                              </p>
                              <ul class="todayAlarm-list flex-s">

                                  <li>
                                      <p><span class="orange">32</span> <small>家</small></p>
                                      <p>全市建筑工地数</p>
                                  </li>
                                  <li>
                                      <p><span class="orange">72</span> <small>家</small></p>
                                      <p>蜀山区</p>
                                  </li>
                                  <li>
                                      <p><span class="orange">12</span> <small>家</small></p>
                                      <p>瑶海区</p>
                                  </li>
                                  <li class="flex-h" style="align-items: center">
                                      <a class="blue" href="#">换一批</a>
                                  </li>
                              </ul>
                          </div>

                          <div class="flex-s margin-bottom-5">
                              <select class="form-control wisSbOx2-s pull-left margin-right-5">
                                  <option>——蜀山区——</option>
                                  <option>Option 2</option>
                                  <option>Option 3</option>
                                  <option>Option 4</option>
                                  <option>Option 5</option>
                              </select>
                              <div class="flex-s">
                                  <input type="text" class="form-control wisSbOx2-i" autocomplete="false" placeholder="工地名称搜索">
                                  <button type="button" class="normal-button sure"><i class="dtFont dtFont-search"></i> 查询</button>
                              </div>
                          </div>

                          <div class="table-warp">
                              <div class="table-warp-total margin-bottom-5">
                                  <span>共165条</span>
                              </div>
                              <div class="table-warp-list">

                                  <table class="table table-bordered table-hover">
                                      <thead>
                                      <tr>
                                          <th width="140">工地名称</th>
                                          <th width="85">行政区域</th>
                                          <th width="86">在线车辆</th>
                                          <th width="86">离线车辆</th>
                                      </tr>
                                      </thead>
                                      <tbody>
                                      <tr>
                                          <td class="nowrap blue">
                                              <a class="blue company-name" title="合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥" href="#">合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥</a>
                                          </td>
                                          <td>22</td>
                                          <td>0</td>
                                          <td>0</td>
                                      </tr>
                                      <tr>
                                          <td class="nowrap blue">
                                              <a class="blue" href="#">朝霞公司</a>
                                          </td>
                                          <td>22</td>
                                          <td>0</td>
                                          <td>0</td>
                                      </tr>
                                      <tr>
                                          <td class="nowrap blue">
                                              <a class="blue" title="合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥" href="#">合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥</a>
                                          </td>
                                          <td>22</td>
                                          <td>0</td>
                                          <td>0</td>
                                      </tr>
                                      <tr>
                                          <td class="nowrap blue">
                                              <a class="blue" href="#">朝霞公司</a>
                                          </td>
                                          <td>22</td>
                                          <td>0</td>
                                          <td>0</td>
                                      </tr>

                                      <tr>
                                          <td class="nowrap blue">
                                              <a class="blue" title="合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥" href="#">合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥</a>
                                          </td>
                                          <td>22</td>
                                          <td>0</td>
                                          <td>0</td>
                                      </tr>
                                      <tr>
                                          <td class="nowrap blue">
                                              <a class="blue" href="#">朝霞公司</a>
                                          </td>
                                          <td>22</td>
                                          <td>0</td>
                                          <td>0</td>
                                      </tr>
                                      <tr>
                                          <td class="nowrap blue">
                                              <a class="blue" href="#">美合公司</a>
                                          </td>
                                          <td>22</td>
                                          <td>0</td>
                                          <td>0</td>
                                      </tr>
                                      <tr>
                                          <td class="nowrap blue">
                                              <a class="blue" title="合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥" href="#">合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥</a>
                                          </td>
                                          <td>22</td>
                                          <td>0</td>
                                          <td>0</td>
                                      </tr>
                                      <tr>
                                          <td class="nowrap blue">
                                              <a class="blue" href="#">朝霞公司</a>
                                          </td>
                                          <td>22</td>
                                          <td>0</td>
                                          <td>0</td>
                                      </tr>
                                      <tr>
                                          <td class="nowrap blue">
                                              <a class="blue" title="合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥" href="#">合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥</a>
                                          </td>
                                          <td>22</td>
                                          <td>0</td>
                                          <td>0</td>
                                      </tr>
                                      <tr>
                                          <td class="nowrap blue">
                                              <a class="blue" href="#">朝霞公司</a>
                                          </td>
                                          <td>22</td>
                                          <td>0</td>
                                          <td>0</td>
                                      </tr>
                                      </tbody>
                                  </table>
                              </div>
                          </div>
                      </section>

                      <!--单车查询-->
                      <section class="padding-lr-16 padding-top-5">
                          <div class="todayAlarm margin-bottom-20">
                              <p class="font-xs margin-bottom-10" >
                                  <span style="color: #B2B2B2;">更新时间：04-09  08:35</span>
                                  <span class="blue pointer margin-left-10">刷新数据 <i class="dtFont dtFont-refresh inline-block top1 font-md"></i></span>

                              </p>
                              <ul class="todayAlarm-list flex-s" style="padding-right: 50px">

                                  <li>
                                      <p><span class="orange">32</span> <small>辆</small></p>
                                      <p>入库车辆总数</p>
                                  </li>
                                  <li>
                                      <p><span class="orange">72</span> <small>辆</small></p>
                                      <p>在线车辆</p>
                                  </li>
                                  <li>
                                      <p><span class="orange">12</span> <small>辆</small></p>
                                      <p>离线车辆</p>
                                  </li>
                              </ul>
                          </div>
                          <div class="flex-s margin-bottom-5">
                              <input type="text" class="form-control wisSbOx" autocomplete="false" placeholder="车牌号码搜索">
                              <button type="button" class="normal-button sure"><i class="dtFont dtFont-search"></i> 查询</button>
                          </div>
                          <div class="table-warp">
                              <div class="table-warp-total margin-bottom-5">
                                  <span>共165条</span>
                              </div>
                              <div class="table-warp-list">

                                  <table class="table table-bordered table-hover">
                                      <thead>
                                      <tr>
                                          <th width="140">运输公司</th>
                                          <th width="85">在线车辆</th>
                                          <th width="86">离线车辆</th>
                                          <th width="86">借调车辆</th>
                                      </tr>
                                      </thead>
                                      <tbody>
                                      <tr>
                                          <td class="nowrap blue">
                                              <a class="blue company-name" title="合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥" href="#">合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥</a>
                                          </td>
                                          <td>22</td>
                                          <td>0</td>
                                          <td>0</td>
                                      </tr>

                                      <tr>
                                          <td class="nowrap blue">
                                              <a class="blue" href="#">朝霞公司</a>
                                          </td>
                                          <td>22</td>
                                          <td>0</td>
                                          <td>0</td>
                                      </tr>
                                      <tr>
                                          <td class="nowrap blue">
                                              <a class="blue" href="#">美合公司</a>
                                          </td>
                                          <td>22</td>
                                          <td>0</td>
                                          <td>0</td>
                                      </tr>
                                      <tr>
                                          <td class="nowrap blue">
                                              <a class="blue" title="合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥" href="#">合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥</a>
                                          </td>
                                          <td>22</td>
                                          <td>0</td>
                                          <td>0</td>
                                      </tr>
                                      <tr>
                                          <td class="nowrap blue">
                                              <a class="blue" href="#">朝霞公司</a>
                                          </td>
                                          <td>22</td>
                                          <td>0</td>
                                          <td>0</td>
                                      </tr>
                                      <tr>
                                          <td class="nowrap blue">
                                              <a class="blue" title="合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥" href="#">合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥</a>
                                          </td>
                                          <td>22</td>
                                          <td>0</td>
                                          <td>0</td>
                                      </tr>
                                      <tr>
                                          <td class="nowrap blue">
                                              <a class="blue" href="#">朝霞公司</a>
                                          </td>
                                          <td>22</td>
                                          <td>0</td>
                                          <td>0</td>
                                      </tr>
                                      <tr>
                                          <td class="nowrap blue">
                                              <a class="blue" href="#">美合公司</a>
                                          </td>
                                          <td>22</td>
                                          <td>0</td>
                                          <td>0</td>
                                      </tr>
                                      <tr>
                                          <td class="nowrap blue">
                                              <a class="blue" title="合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥" href="#">合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥</a>
                                          </td>
                                          <td>22</td>
                                          <td>0</td>
                                          <td>0</td>
                                      </tr>
                                      <tr>
                                          <td class="nowrap blue">
                                              <a class="blue" href="#">朝霞公司</a>
                                          </td>
                                          <td>22</td>
                                          <td>0</td>
                                          <td>0</td>
                                      </tr>
                                      <tr>
                                          <td class="nowrap blue">
                                              <a class="blue" title="合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥" href="#">合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥泽一工合肥</a>
                                          </td>
                                          <td>22</td>
                                          <td>0</td>
                                          <td>0</td>
                                      </tr>
                                      <tr>
                                          <td class="nowrap blue">
                                              <a class="blue" href="#">朝霞公司</a>
                                          </td>
                                          <td>22</td>
                                          <td>0</td>
                                          <td>0</td>
                                      </tr>
                                      </tbody>
                                  </table>
                              </div>
                          </div>
                      </section>

                      <!--今日报警-->
                      <section class="padding-lr-16 padding-top-5">
                          <div class="todayAlarm margin-bottom-20">
                              <p class="font-xs margin-bottom-10" >
                                  <span style="color: #B2B2B2;">更新时间：04-09  08:35</span>
                                  <span class="blue pointer margin-left-10">刷新数据 <i class="dtFont dtFont-refresh inline-block top1 font-md"></i></span>

                              </p>
                              <ul class="todayAlarm-list flex-s">
                                  <li>
                                      <p><span class="orange">382</span> <small>辆</small></p>
                                      <p>违规车辆总数</p>
                                  </li>
                                  <li>
                                      <p><span class="orange">32</span> <small>辆</small></p>
                                      <p>设备离线</p>
                                  </li>
                                  <li>
                                      <p><span class="orange">72</span> <small>辆</small></p>
                                      <p>车辆超速</p>
                                  </li>
                                  <li>
                                      <p><span class="orange">12</span> <small>辆</small></p>
                                      <p>路线偏移</p>
                                  </li>
                              </ul>
                          </div>
                          <div class="flex-s margin-bottom-5">
                              <select class="form-control wisSbOx2-s pull-left margin-right-5">
                                  <option>请选择违规类型</option>
                                  <option>Option 2</option>
                                  <option>Option 3</option>
                                  <option>Option 4</option>
                                  <option>Option 5</option>
                              </select>
                              <div class="flex-s">
                                  <input type="text" class="form-control wisSbOx2-i" autocomplete="false" placeholder="车牌号搜索">
                                  <button type="button" class="normal-button sure"><i class="dtFont dtFont-search"></i> 查询</button>
                              </div>
                          </div>
                          <div class="table-warp">
                              <div class="table-warp-total margin-bottom-5">
                                  <span>共165条</span>
                              </div>
                              <div class="table-warp-list">

                                  <table class="table table-bordered table-hover">
                                      <thead>
                                      <tr>
                                          <th width="120">车牌号码</th>
                                          <th width="180">违规类型</th>
                                          <th width="96">违规次数</th>
                                      </tr>
                                      </thead>
                                      <tbody>
                                      <tr>
                                          <td class="nowrap blue" rowspan="2">
                                              <a class="blue" title="皖A6H796" href="#">皖A6H796</a>
                                          </td>
                                          <td>车辆超速</td>
                                          <td>
                                              <div class="inline-block relative">
                                                  <span class="hover-s blue">15</span>
                                              </div>


                                          </td>
                                      </tr>
                                      <tr>
                                          <td>路线偏移</td>
                                          <td><span class="blue">3</span></td>
                                      </tr>

                                      <tr>
                                          <td><a class="blue" title="皖A6H796" href="#">皖A6H796</a></td>
                                          <td>路线偏移</td>
                                          <td><span class="blue">3</span></td>
                                      </tr>
                                      <tr>
                                          <td><a class="blue" title="皖A6H796" href="#">皖A6H796</a></td>
                                          <td>路线偏移</td>
                                          <td><span class="blue">3</span></td>
                                      </tr>
                                      <tr>
                                          <td><a class="blue" title="皖A6H796" href="#">皖A6H796</a></td>
                                          <td>路线偏移</td>
                                          <td><span class="blue">3</span></td>
                                      </tr>
                                      <tr>
                                          <td><a class="blue" title="皖A6H796" href="#">皖A6H796</a></td>
                                          <td>路线偏移</td>
                                          <td><span class="blue">3</span></td>
                                      </tr>
                                      <tr>
                                          <td><a class="blue" title="皖A6H796" href="#">皖A6H796</a></td>
                                          <td>路线偏移</td>
                                          <td><span class="blue">3</span></td>
                                      </tr>

                                      </tbody>
                                  </table>
                              </div>
                          </div>
                      </section>

                      <!--违规信息-->
                      <section class="padding-lr-16 padding-top-15" >
                          <div>

                              <div class="flex-s margin-bottom-5">
                                  <select class="form-control wisSbOx3-s">
                                      <option>——违规对象类型——</option>
                                      <option>Option 2</option>
                                      <option>Option 3</option>
                                      <option>Option 4</option>
                                      <option>Option 5</option>
                                  </select>
                                  <select class="form-control wisSbOx3-s">
                                      <option>——违规类型——</option>
                                      <option>Option 2</option>
                                      <option>Option 3</option>
                                      <option>Option 4</option>
                                      <option>Option 5</option>
                                  </select>


                                  <div class="input-icon input-icon-lg right">
                                      <i class="dtFont dtFont-riqi"></i>
                                      <input type="text" class="form-control wisSbOx3-s" placeholder="违规时间">
                                  </div>

                                  <div class="flex-s">
                                      <input type="text" class="form-control wisSbOx2-i" autocomplete="false" placeholder="工地名称搜索">
                                      <button type="button" class="normal-button sure"><i class="dtFont dtFont-search"></i> 查询</button>
                                  </div>
                              </div>




                              <div class="table-warp">
                                  <div class="table-warp-total margin-bottom-5">
                                      <span>共165条</span> <span class="blue pointer margin-left-15">刷新数据 <i class="dtFont dtFont-refresh inline-block top1"></i></span>
                                      <span class="pull-right top2" id="s3">
                                          <a href="#" class="green margin-right-10"><i class="excel-i"></i> 导出Excel</a>
                                          <a href="#" class="blue"><i class="word-i"></i> 导出Word</a>
                                      </span>
                                  </div>
                                  <div class="table-warp-list">

                                      <table class="table table-bordered table-hover">
                                          <thead>
                                          <tr>
                                              <th width="105">违规对象类型</th>
                                              <th width="175">违规对象</th>
                                              <th width="360">违规类型</th>
                                              <th width="180">违规时间</th>
                                          </tr>
                                          </thead>
                                          <tbody>
                                          <tr>

                                              <td>运输企业</td>
                                              <td class="nowrap">
                                                  合肥泽一工程机械施工...
                                              </td>
                                              <td class="nowrap">
                                                  未办理处理核准手续处置渣土（无证据证明运输公司...
                                              </td>
                                              <td>2021-04-09 07:23:12</td>
                                          </tr>
                                          <tr>

                                              <td>驾驶人员</td>
                                              <td class="nowrap">周劲松</td>
                                              <td class="nowrap">二环外超速</td>
                                              <td>2021-04-09 07:23:12</td>
                                          </tr>
                                          <tr>

                                              <td>运输企业</td>
                                              <td class="nowrap">
                                                  合肥泽一工程机械施工...
                                              </td>
                                              <td class="nowrap">
                                                  未办理处理核准手续处置渣土（无证据证明运输公司...
                                              </td>
                                              <td>2021-04-09 07:23:12</td>
                                          </tr>
                                          <tr>

                                              <td>驾驶人员</td>
                                              <td class="nowrap">周劲松</td>
                                              <td class="nowrap">二环外超速</td>
                                              <td>2021-04-09 07:23:12</td>
                                          </tr>
                                          <tr>

                                              <td>运输企业</td>
                                              <td class="nowrap">
                                                  合肥泽一工程机械施工...
                                              </td>
                                              <td class="nowrap">
                                                  未办理处理核准手续处置渣土（无证据证明运输公司...
                                              </td>
                                              <td>2021-04-09 07:23:12</td>
                                          </tr>
                                          <tr>

                                              <td>驾驶人员</td>
                                              <td class="nowrap">周劲松</td>
                                              <td class="nowrap">二环外超速</td>
                                              <td>2021-04-09 07:23:12</td>
                                          </tr>
                                          <tr>

                                              <td>运输企业</td>
                                              <td class="nowrap">
                                                  合肥泽一工程机械施工...
                                              </td>
                                              <td class="nowrap">
                                                  未办理处理核准手续处置渣土（无证据证明运输公司...
                                              </td>
                                              <td>2021-04-09 07:23:12</td>
                                          </tr>
                                          <tr>

                                              <td>驾驶人员</td>
                                              <td class="nowrap">周劲松</td>
                                              <td class="nowrap">二环外超速</td>
                                              <td>2021-04-09 07:23:12</td>
                                          </tr>
                                          <tr>

                                              <td>运输企业</td>
                                              <td class="nowrap">
                                                  合肥泽一工程机械施工...
                                              </td>
                                              <td class="nowrap">
                                                  未办理处理核准手续处置渣土（无证据证明运输公司...
                                              </td>
                                              <td>2021-04-09 07:23:12</td>
                                          </tr>
                                          <tr>

                                              <td>驾驶人员</td>
                                              <td class="nowrap">周劲松</td>
                                              <td class="nowrap">二环外超速</td>
                                              <td>2021-04-09 07:23:12</td>
                                          </tr>

                                          <tr>

                                              <td>驾驶人员</td>
                                              <td class="nowrap">周劲松</td>
                                              <td class="nowrap">二环外超速</td>
                                              <td>2021-04-09 07:23:12</td>
                                          </tr>
                                          <tr>

                                              <td>运输企业</td>
                                              <td class="nowrap">
                                                  合肥泽一工程机械施工...
                                              </td>
                                              <td class="nowrap">
                                                  未办理处理核准手续处置渣土（无证据证明运输公司...
                                              </td>
                                              <td>2021-04-09 07:23:12</td>
                                          </tr>
                                          <tr>

                                              <td>驾驶人员</td>
                                              <td class="nowrap">周劲松</td>
                                              <td class="nowrap">二环外超速</td>
                                              <td>2021-04-09 07:23:12</td>
                                          </tr>

                                          </tbody>
                                      </table>
                                  </div>
                              </div>
                          </div>


                      </section>

                      <!--工地视频-->
                      <section class="padding-lr-16 padding-top-15">

                      </section>

                      <!--消纳场视频-->
                      <section class="padding-lr-16 padding-top-15">

                      </section>

                      <!--工地管理-->
                      <section class="padding-lr-16 padding-top-5">
                          <div class="todayAlarm margin-bottom-20">
                              <p class="font-xs margin-bottom-10" >
                                  <span style="color: #B2B2B2;">更新时间：04-09  08:35</span>
                                  <span class="blue pointer margin-left-10">刷新数据 <i class="dtFont dtFont-refresh inline-block top1 font-md"></i></span>
                              </p>
                              <ul class="todayAlarm-list flex-s" style="width: 330px;">

                                  <li>
                                      <p><span class="orange">32</span> <small>家</small></p>
                                      <p>工地办证总数</p>
                                  </li>
                                  <li>
                                      <p><span class="orange">72</span> <small>家</small></p>
                                      <p>施工中</p>
                                  </li>
                                  <li>
                                      <p><span class="orange">12</span> <small>家</small></p>
                                      <p>未施工</p>
                                  </li>
                              </ul>
                          </div>

                          <div class="flex-s margin-bottom-5">
                              <select class="form-control wisSbOx3-s">
                                  <option>——违规对象类型——</option>
                                  <option>Option 2</option>
                                  <option>Option 3</option>
                                  <option>Option 4</option>
                                  <option>Option 5</option>
                              </select>
                              <select class="form-control wisSbOx3-s">
                                  <option>——全部状态——</option>
                                  <option>Option 2</option>
                                  <option>Option 3</option>
                                  <option>Option 4</option>
                                  <option>Option 5</option>
                              </select>


                              <div class="flex-s">
                                  <input type="text" class="form-control margin-right-5" autocomplete="false" placeholder="工地名称搜索" style="width: 350px;">
                                  <button type="button" class="normal-button sure"><i class="dtFont dtFont-search"></i> 查询</button>
                              </div>
                          </div>

                          <div class="table-warp">
                              <div class="table-warp-total margin-bottom-5">
                                  <span>共165条</span>
                              </div>
                              <div class="table-warp-list">

                                  <table class="table table-bordered table-hover">
                                      <thead>
                                      <tr>
                                          <th width="200">工地名称</th>
                                          <th width="86">行政区域</th>
                                          <th width="226">工程地址</th>
                                          <th width="100">可运输车辆</th>
                                          <th width="110">工地状态</th>
                                          <th width="100">操作</th>
                                      </tr>
                                      </thead>
                                      <tbody>
                                      <tr>
                                          <td class="nowrap">
                                              <span title="轨道5号线6标">轨道5号线6标（丽水路站）</span>
                                          </td>
                                          <td>蜀山区</td>
                                          <td class="nowrap">未办理处理核准手续处置渣土（无证据证明运输公司...</td>
                                          <td>0</td>
                                          <td><span class="orange">施工中</span></td>
                                          <td><span class="red">停止施工</span></td>
                                      </tr>

                                      <tr>
                                          <td class="nowrap">
                                              <span title="轨道5号线6标">轨道5号线6标（丽水路站）</span>
                                          </td>
                                          <td>蜀山区</td>
                                          <td class="nowrap">未办理处理核准手续处置渣土（无证据证明运输公司...</td>
                                          <td>0</td>
                                          <td><span class="black">未施工</span></td>
                                          <td><span class="blue">开始施工</span></td>
                                      </tr>
                                      <tr>
                                          <td class="nowrap">
                                              <span title="轨道5号线6标">轨道5号线6标（丽水路站）</span>
                                          </td>
                                          <td>蜀山区</td>
                                          <td class="nowrap">未办理处理核准手续处置渣土（无证据证明运输公司...</td>
                                          <td>0</td>
                                          <td><span class="orange">施工中</span></td>
                                          <td><span class="red">停止施工</span></td>
                                      </tr>

                                      <tr>
                                          <td class="nowrap">
                                              <span title="轨道5号线6标">轨道5号线6标（丽水路站）</span>
                                          </td>
                                          <td>蜀山区</td>
                                          <td class="nowrap">未办理处理核准手续处置渣土（无证据证明运输公司...</td>
                                          <td>0</td>
                                          <td><span class="black">未施工</span></td>
                                          <td><span class="blue">开始施工</span></td>
                                      </tr>
                                      <tr>
                                          <td class="nowrap">
                                              <span title="轨道5号线6标">轨道5号线6标（丽水路站）</span>
                                          </td>
                                          <td>蜀山区</td>
                                          <td class="nowrap">未办理处理核准手续处置渣土（无证据证明运输公司...</td>
                                          <td>0</td>
                                          <td><span class="orange">施工中</span></td>
                                          <td><span class="red">停止施工</span></td>
                                      </tr>

                                      <tr>
                                          <td class="nowrap">
                                              <span title="轨道5号线6标">轨道5号线6标（丽水路站）</span>
                                          </td>
                                          <td>蜀山区</td>
                                          <td class="nowrap">未办理处理核准手续处置渣土（无证据证明运输公司...</td>
                                          <td>0</td>
                                          <td><span class="black">未施工</span></td>
                                          <td><span class="blue">开始施工</span></td>
                                      </tr>
                                      <tr>
                                          <td class="nowrap">
                                              <span title="轨道5号线6标">轨道5号线6标（丽水路站）</span>
                                          </td>
                                          <td>蜀山区</td>
                                          <td class="nowrap">未办理处理核准手续处置渣土（无证据证明运输公司...</td>
                                          <td>0</td>
                                          <td><span class="orange">施工中</span></td>
                                          <td><span class="red">停止施工</span></td>
                                      </tr>

                                      <tr>
                                          <td class="nowrap">
                                              <span title="轨道5号线6标">轨道5号线6标（丽水路站）</span>
                                          </td>
                                          <td>蜀山区</td>
                                          <td class="nowrap">未办理处理核准手续处置渣土（无证据证明运输公司...</td>
                                          <td>0</td>
                                          <td><span class="black">未施工</span></td>
                                          <td><span class="blue">开始施工</span></td>
                                      </tr>
                                      <tr>
                                          <td class="nowrap">
                                              <span title="轨道5号线6标">轨道5号线6标（丽水路站）</span>
                                          </td>
                                          <td>蜀山区</td>
                                          <td class="nowrap">未办理处理核准手续处置渣土（无证据证明运输公司...</td>
                                          <td>0</td>
                                          <td><span class="orange">施工中</span></td>
                                          <td><span class="red">停止施工</span></td>
                                      </tr>

                                      <tr>
                                          <td class="nowrap">
                                              <span title="轨道5号线6标">轨道5号线6标（丽水路站）</span>
                                          </td>
                                          <td>蜀山区</td>
                                          <td class="nowrap">未办理处理核准手续处置渣土（无证据证明运输公司...</td>
                                          <td>0</td>
                                          <td><span class="black">未施工</span></td>
                                          <td><span class="blue">开始施工</span></td>
                                      </tr>
                                      </tbody>
                                  </table>
                              </div>
                          </div>


                      </section>
                  </div>


              </div>
              <div class="layui-layer-resize" id="coor"></div>
          </div>


          <div class="car-info FloatWindow no-scroll none">
              <div class="wisdom-title">
                  <span>车辆信息</span>
                  <i class="dtFont dtFont-guanbi"></i>
              </div>
              <div class="content-body">

                  <div class="padding-lr-16 padding-top-15">

                      <ul class="tab-block tab-block-small tab clearfix no-padding margin-bottom-15">
                          <li class="active">当前状态</li>
                          <li>报警信息</li>
                          <li>违规信息</li>
                      </ul>


                      <div class="tab-box">
                          <section class="active">

                              <ul class="simg-show clearfix margin-bottom-15">
                                  <li class="simg-show-item w50 pull-left">
                                      <label>车牌号码：</label>
                                      <span><img class="top2" src="../assets/images/stw.jpg" alt="">
                                          皖AG659 <font class="green">在线</font></span>
                                  </li>
                                  <li class="simg-show-item w50 pull-left">
                                      <label>车辆状态：</label>
                                      <span>正常</span>
                                  </li>

                                  <li class="simg-show-item w50 pull-left">
                                      <label>驾驶员1：</label>
                                      <span>贾婷</span>
                                  </li>
                                  <li class="simg-show-item w50 pull-left">
                                      <label>联系方式：</label>
                                      <span>18612448301</span>
                                  </li>
                                  <li class="simg-show-item w50 pull-left">
                                      <label>驾驶员2：</label>
                                      <span>贾婷</span>
                                  </li>
                                  <li class="simg-show-item w50 pull-left">
                                      <label>联系方式：</label>
                                      <span>18612448301</span>
                                  </li>
                                  <li class="simg-show-item pull-left margin-bottom-15">
                                      <label>挂靠公司：</label>
                                      <span>2挂靠公司挂靠公司挂靠公司挂靠公司</span>
                                  </li>


                                  <li class="simg-show-item w50 pull-left">
                                      <label>当前速度：</label>
                                      <span>51km/h</span>
                                  </li>
                                  <li class="simg-show-item w50 pull-left">
                                      <label>卫星信号：</label>
                                      <span>强/3个</span>
                                  </li>
                                  <li class="simg-show-item pull-left">
                                      <label>记录位置：</label>
                                      <span>未知</span>
                                  </li>
                                  <li class="simg-show-item pull-left">
                                      <label>记录时间：</label>
                                      <span>2021-04-09 13:12:23</span>
                                  </li>
                                  <li class="simg-show-item w50 pull-left">
                                      <label>安装人员：</label>
                                      <span>王小二</span>
                                  </li>
                                  <li class="simg-show-item w50 pull-left">
                                      <label>联系方式：</label>
                                      <span>18612448301个</span>
                                  </li>
                              </ul>

                              <h3 class="title3"><span class="margin-right-15">单车准运证</span> 2021-04-06 至 2021-04-25</h3>

                              <ul class="simg-show">
                                  <li class="simg-show-item">
                                      <label>运输公司：</label>
                                      <span>合肥泽一工程机械施工有限公司</span>
                                  </li>

                                  <li class="simg-show-item">
                                      <label>建筑工地：</label>
                                      <span>天门湖公租房三期</span>
                                  </li>
                                  <li class="simg-show-item">
                                      <label>准运时间：</label>
                                      <span>2021-04-06 至 2021-04-25 14:00-2:00</span>
                                  </li>
                                  <li class="simg-show-item">
                                      <label>运输路线：</label>
                                      <span>锦绣大道辅路-锦绣大道-包河大道辅路-包河大道高架入口-包河大道-环湖北路-环湖北路辅路-万年埠路-上海路</span>
                                  </li>



                              </ul>

                              <a href="历史轨迹.html" target="_blank" class="history margin-top-20">
                                  <i class="dtFont dtFont-lishiguiji"></i> 历史轨迹</a>
                          </section>
                          <section>
                              <div class="table-warp">

                                  <div class="table-warp-list">

                                      <table class="table table-bordered table-hover">
                                          <thead>
                                          <tr>
                                              <th width="70">序号</th>
                                              <th width="196">报警时间</th>
                                              <th width="131">报警类型</th>
                                          </tr>
                                          </thead>
                                          <tbody>
                                          <tr>
                                              <td>1</td>
                                              <td>2021-04-09  07:23:12</td>
                                              <td>二环外超速</td>
                                          </tr>
                                          <tr>
                                              <td>2</td>
                                              <td>2021-04-09  07:23:12</td>
                                              <td>二环外超速</td>
                                          </tr>
                                          <tr>
                                              <td>3</td>
                                              <td>2021-04-09  07:23:12</td>
                                              <td>二环外超速</td>
                                          </tr>
                                          <tr>
                                              <td>4</td>
                                              <td>2021-04-09  07:23:12</td>
                                              <td>二环外超速</td>
                                          </tr>
                                          <tr>
                                              <td>5</td>
                                              <td>2021-04-09  07:23:12</td>
                                              <td>二环外超速</td>
                                          </tr>
                                          <tr>
                                              <td>6</td>
                                              <td>2021-04-09  07:23:12</td>
                                              <td>二环外超速</td>
                                          </tr>
                                          <tr>
                                              <td>7</td>
                                              <td>2021-04-09  07:23:12</td>
                                              <td>二环外超速</td>
                                          </tr>
                                          <tr>
                                              <td>8</td>
                                              <td>2021-04-09  07:23:12</td>
                                              <td>二环外超速</td>
                                          </tr>
                                          <tr>
                                              <td>9</td>
                                              <td>2021-04-09  07:23:12</td>
                                              <td>二环外超速</td>
                                          </tr>
                                          <tr>
                                              <td>10</td>
                                              <td>2021-04-09  07:23:12</td>
                                              <td>二环外超速</td>
                                          </tr>
                                          </tbody>
                                      </table>
                                  </div>
                              </div>
                          </section>
                          <section>
                              <div class="table-warp">

                                  <div class="table-warp-list">

                                      <table class="table table-bordered table-hover">
                                          <thead>
                                          <tr>
                                              <th width="70">序号</th>
                                              <th width="196">违规时间</th>
                                              <th width="131">违规类型</th>
                                          </tr>
                                          </thead>
                                          <tbody>
                                          <tr>
                                              <td>1</td>
                                              <td>2021-04-09  07:23:12</td>
                                              <td>二环外超速</td>
                                          </tr>
                                          <tr>
                                              <td>2</td>
                                              <td>2021-04-09  07:23:12</td>
                                              <td>二环外超速</td>
                                          </tr>
                                          <tr>
                                              <td>3</td>
                                              <td>2021-04-09  07:23:12</td>
                                              <td>二环外超速</td>
                                          </tr>
                                          <tr>
                                              <td>4</td>
                                              <td>2021-04-09  07:23:12</td>
                                              <td>二环外超速</td>
                                          </tr>
                                          <tr>
                                              <td>5</td>
                                              <td>2021-04-09  07:23:12</td>
                                              <td>二环外超速</td>
                                          </tr>
                                          <tr>
                                              <td>6</td>
                                              <td>2021-04-09  07:23:12</td>
                                              <td>二环外超速</td>
                                          </tr>
                                          <tr>
                                              <td>7</td>
                                              <td>2021-04-09  07:23:12</td>
                                              <td>二环外超速</td>
                                          </tr>
                                          <tr>
                                              <td>8</td>
                                              <td>2021-04-09  07:23:12</td>
                                              <td>二环外超速</td>
                                          </tr>
                                          <tr>
                                              <td>9</td>
                                              <td>2021-04-09  07:23:12</td>
                                              <td>二环外超速</td>
                                          </tr>
                                          <tr>
                                              <td>10</td>
                                              <td>2021-04-09  07:23:12</td>
                                              <td>二环外超速</td>
                                          </tr>
                                          </tbody>
                                      </table>
                                  </div>
                              </div>
                          </section>

                      </div>





                  </div>


              </div>
          </div>





          <div class="alert-switch">

              <div class="alert-switch-btn">
                  <i class="dtFont dtFont-baojingjingbao-21"></i>
              </div>
              <div class="realTime FloatWindow none" style="box-shadow:none">
                  <div class="wisdom-title" style="background: #F76033">

                      <span class="tab-realTime">
                           <span data-index="0" class="active">实时报警</span> <font style="font-weight: normal">|</font>
                           <span data-index="1">办证车辆报警</span>
                      </span>



                      <small class="refreshTransportAlarm" style="right: 48px">刷新</small>
                      <small class="realTime-c">收起</small>
                  </div>
                  <div class="content-body slender-scrollbar">

                      <div class="tab-box tab-realTime-box">
                          <section class="active">
                              <ul class="realTime-item-list">

                                  <li class="realTime-item">
                                      <div class="real1">
                                          <span>皖A5G271</span>
                                      </div>
                                      <div class="real2">
                                          <p>二环外超速 2021-04-30 12:25:20</p>
                                          <p class="gray">G206连接线一期工程（原三国城路）施工1标段一工区（合肥泽一工程机械施工有限公司）</p>
                                      </div>
                                      <div class="real3">
                                          <a href="#" style="color: #76DDFF">查看</a>
                                      </div>
                                  </li>

                                  <li class="realTime-item">
                                      <div class="real1">
                                          <span>皖A5G271</span>
                                      </div>
                                      <div class="real2">
                                          <p>路线偏离 2021-04-30 12:25:20</p>
                                          <p class="gray">G206连接线一期工程（原三国城路）施工1标段一工区（合肥泽一工程机械施工有限公司）</p>
                                      </div>
                                      <div class="real3">
                                          <a href="#" style="color: #F6AB2E">处理</a>
                                      </div>
                                  </li>

                                  <li class="realTime-item">
                                      <div class="real1">
                                          <span>皖A5G271</span>
                                      </div>
                                      <div class="real2">
                                          <p>路线偏离 2021-04-30 12:25:20</p>
                                          <p class="gray">G206连接线一期工程（原三国城</p>
                                      </div>
                                      <div class="real3">
                                          <a href="#" style="color: #F6AB2E">处理</a>
                                      </div>
                                  </li>
                              </ul>
                          </section>
                          <section>
                              <ul class="realTime-item-list">

                                  <li class="realTime-item">
                                      <div class="real1">
                                          <span>皖A5G241</span>
                                      </div>
                                      <div class="real2">
                                          <p>二环外超速 2021-04-30 12:25:20</p>
                                          <p class="gray">G206连接线一期工程（原三国城路）施工1标段一工区（合肥泽一工程机械施工有限公司）</p>
                                      </div>
                                      <div class="real3">
                                          <a href="#" style="color: #76DDFF">查看</a>
                                      </div>
                                  </li>

                                  <li class="realTime-item">
                                      <div class="real1">
                                          <span>皖D5G241</span>
                                      </div>
                                      <div class="real2">
                                          <p>路线偏离 2021-04-30 12:25:20</p>
                                          <p class="gray">G206连接线一期工程（原三国城路）施工1标段一工区（合肥泽一工程机械施工有限公司）</p>
                                      </div>
                                      <div class="real3">
                                          <a href="#" style="color: #F6AB2E">处理</a>
                                      </div>
                                  </li>

                                  <li class="realTime-item">
                                      <div class="real1">
                                          <span>皖C5G2CC</span>
                                      </div>
                                      <div class="real2">
                                          <p>路线偏离 2021-04-30 12:25:20</p>
                                          <p class="gray">G206连接线一期工程（原三国城</p>
                                      </div>
                                      <div class="real3">
                                          <a href="#" style="color: #F6AB2E">处理</a>
                                      </div>
                                  </li>
                              </ul>
                          </section>
                      </div>




                  </div>
              </div>
          </div>





      </div>



  </div>



</div>


<div class="center-block bg-white no-padding none" id="id3" style="width: 700px;">
    <div class="clearfix auto-scroll" style="height: 300px">

        <ul class="columnMain-ul padding-top-20 padding-lr-16">
            <li class="flex-s">
                <div class="form-group">
                    <span class="labelL labelL92">违规对象类型</span>
                    <div class="labelR">
                        <select class="form-control">
                            <option value="">sadas</option>
                            <option value="">sadas</option>
                            <option value="">sadas</option>
                            <option value="">sadas</option>
                        </select>
                        <span class="help-block"></span>
                    </div>
                </div>
                <div class="form-group">
                    <span class="labelL">违规对象</span>
                    <div class="labelR">
                        <input type="text" class="form-control" placeholder="请输入联系电话">
                        <span class="help-block">Some help goes here...</span>
                    </div>
                </div>
            </li>
            <li class="flex-s margin-bottom-30">
                <div class="form-group w100">
                    <span class="labelL labelL92">违规类型</span>
                    <div class="labelR">
                        <select class="form-control">
                            <option value="wqeq">未按要求设置安全警示标示、没有照明装置或照明装置损坏</option>
                            <option value="wqeq">asdasdas</option>
                            <option value="wqeq">asdasdas</option>
                            <option value="wqeq">asdasdas</option>
                        </select>
                    </div>
                </div>
            </li>

            <li class="flex-s">
                <div class="form-group">
                    <span class="labelL labelL92">选择违规时间</span>
                    <div class="labelR">
                        <div class="input-icon input-icon-sm right">
                            <i class="dtFont dtFont-shizhong"></i>
                            <input type="text" class="form-control" placeholder="Left icon">
                            <span class="help-block"></span>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <span class="labelL padding-left-10" style="text-align: left">至</span>
                    <div class="labelR">
                        <div class="input-icon input-icon-sm right">
                            <i class="dtFont dtFont-shizhong"></i>
                            <input type="text" class="form-control" placeholder="Left icon">
                            <span class="help-block"></span>
                        </div>
                    </div>
                </div>
            </li>
        </ul>

    </div>
    <div class="footer-submit footer-submit-relative clearfix">
        <button class="pull-right normal-button sure margin-left-15">确定</button>
        <button class="pull-right normal-button cancel">取消</button>
    </div>
</div>

<!--region 引入公用js和css -->
<script src="../assets/plugins/sweetalert/sweetalert.min.js"></script>
<script src="../assets/plugins/jquery.blockui.min.js"></script>
<script src="../assets/plugins/js.cookie.min.js"></script>
<script src="../assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<script src="../assets/plugins/jquery.blockui.min.js"></script>
<script src="../assets/plugins/bootstrap-switch/js/bootstrap-switch.min.js"></script>
<script src="../assets/plugins/bootstrap-touchspin/bootstrap.touchspin.js"></script>
<script src="../assets/plugins/moment.min.js"></script>
<script src="../assets/plugins/bootstrap-daterangepicker/daterangepicker.min.js"></script>
<script src="../assets/plugins/counterup/jquery.waypoints.min.js"></script>
<script src="../assets/plugins/counterup/jquery.counterup.min.js"></script>
<script src="../assets/plugins/fullcalendar/fullcalendar.js"></script>
<script src="../assets/plugins/horizontal-timeline/horizontal-timeline.js"></script>
<script src="../assets/plugins/jquery.sparkline.min.js"></script>
<script src="../assets/plugins/select2/js/select2.js"></script>
<script src="../assets/plugins/select2/js/i18n/zh-CN.js"></script>
<script src="../assets/plugins/ztree/jquery.ztree.all.js"></script>
<script src="../assets/plugins/jquery-form/jquery.form.js"></script>
<script src="../assets/plugins/jquery-validator/jquery.placeholder.min.js"></script>
<script src="../assets/plugins/jquery-validator/jquery.validate.js"></script>
<script src="../assets/plugins/jquery-validator/jquery.validate.custom.js"></script>
<script src="../assets/plugins/jquery-validator/localization/messages_zh.js"></script>
<script src="../assets/plugins/jquery-validator/additional-methods.js"></script>
<script src="../assets/plugins/bootstrap-growl/jquery.bootstrap-growl.js"></script>
<script src="../assets/plugins/bootstrap-table/bootstrap-table.js"></script>
<script src="../assets/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.js"></script>
<script src="../assets/plugins/bootstrap-table/extensions/tree-column/bootstrap-table-tree-column.js"></script>
<script src="../assets/base/scripts/app.js"></script>
<script src="../assets/base/scripts/theme.js"></script>
<script src="../assets/ditop/ditop-addition.js"></script>
<script src="../assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
<script src="../assets/plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"
        type="text/javascript"></script>
<script type="text/javascript" src="../assets/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"
        charset="UTF-8"></script>
<script type="text/javascript"
        src="../assets/plugins/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"
        charset="UTF-8"></script>
<script src="../assets/plugins/jquery-validator/jquery.validate.custom.js"></script>
<script src="../assets/ditop/layout.js"></script>
<!--endregion-->

<script src="../assets/module/gcjsy/js/content.js"></script>
<script>
    var map = new AMap.Map('map',{
            resizeEnable: true,
            zoom:15,
            center: [117.135788,31.837909],
            mapStyle:'amap://styles/a92c23c68ca519ec235825c3be99462b'
        }

    );
    marker1 = new AMap.Marker({
        map: map,
        position: [117.135788,31.837909],
        icon: '../assets/module/gcjsy/icon/car-online.png',
        offset: new AMap.Pixel(-11, -11),
        autoRotation: true,
        angle:0,
    });
    marker2 = new AMap.Marker({
        map: map,
        position: [117.135788,31.839909],
        icon: '../assets/module/gcjsy/icon/car-offline.png',
        offset: new AMap.Pixel(-11, -11),
        autoRotation: true,
        angle:0,
    });


    $('#s3').click(function () {
        layer.open({
            title: '导出违规信息',
            type: 1,
            area: ['700px', '418px'],
            content: $('#id3')
        });
    });

    $('.tab-realTime').children('span').on('click',function () {
        var index = $(this).data('index');
        $(this).addClass('active').siblings().removeClass('active');
        $('.tab-realTime-box').children('section').eq(index).addClass('active').siblings().removeClass('active');
    });

</script>

<!--智慧监管前端切换视觉交互-->
<script src="../assets/module/gcjsy/js/wisdom.js"></script>

</body>
</html>
